// 划分15等份
// Less变量名与值之间用“：”隔开
@num: 15;
// pc端默认html字体大小为50px
html {
    font-size: 50px;
}
// 320px
// 媒体特性与属性值之间用“：”隔开
@media screen and (min-width: 320px) {
    html {
        font-size: (320px / @num);
    }
}
// 360px
@media screen and (min-width: 360px) {
    html {
        font-size: (360px / @num);
    }
}
// 375px
@media screen and (min-width: 375px) {
    html {
        font-size: (375px / @num);
    }
}
// 384px
@media screen and (min-width: 384px) {
    html {
        font-size: (384px / @num);
    }
}
// 400px
@media screen and (min-width: 400px) {
    html {
        font-size: (400px / @num);
    }
}
// 414px
@media screen and (min-width: 414px) {
    html {
        font-size: (414px / @num);
    }
}
// 424px
@media screen and (min-width: 424px) {
    html {
        font-size: (424px / @num);
    }
}
// 480px
@media screen and (min-width: 480px) {
    html {
        font-size: (480px / @num);
    }
}
// 540px
@media screen and (min-width: 540px) {
    html {
        font-size: (540px / @num);
    }
}
// 720px
@media screen and (min-width: 720px) {
    html {
        font-size: (720px / @num);
    }
}
// 750px
@media screen and (min-width: 750px) {
    html {
        font-size: (750px / @num);
    }
}
// body样式
body {
    min-width: 320px;
    width: 15rem;
    margin: 0 auto;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f2f2f2;
}

a {
    text-decoration: none;
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}